<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/common/common.jsp"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> 
  <head>
    <base href="<%=basePath%>" />
	<title>Heat User List</title>
	<script type="text/javascript">
		var path = "<%=basePath%>";
	</script>
	<meta http-equiv="pragma" content="no-cache" />
	<meta http-equiv="cache-control" content="no-cache" />
	<meta http-equiv="expires" content="0" />    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3" />
	<meta http-equiv="description" content="This is my page" />
	<link rel="stylesheet" type="text/css" href="<%=basePath%>beshs/css/content.css" />
	<script type="text/javascript" src="<%=basePath%>resources/jquery/jquery-1.7.2.min.js"></script>
	<!-- 页面特效 -->
	<jsp:include page="/beshs/res-refer/page-effect-reference.jsp" />
	<!-- 系统通用资源 -->
	<jsp:include page="/resources/resource-refer/common-resource-reference.jsp" />
	<!-- 用户访问菜单路径 -->
	<jsp:include page="/resources/usertrace/common-uservisit-reference.jsp" />
	</head>
<script type="text/javascript">
	function addNewHeatRoom() {
		loadNewModal(path + "beshs/heatRoomAction!queryHeatRoomForManage.do?date=" + new Date(), "Add hot user information","370px","990px");
	}
	
	function showDetail(heatRoomUID) {
// 		parent.window.parent.window.frames["c_content_content"].location = path + "beshs/heatRoomAction!queryHeatRoomDetailInfo.do?heatRoomUID=" + heatRoomUID+"&date=" + new Date();
		loadNewModal(path + "beshs/heatRoomAction!queryHeatRoomDetailInfo.do?heatRoomUID=" + heatRoomUID + "&date=" + new Date(),"View the hot user details","450px","990px" );
	}

	function updateHeatRoom(heatRoomUID) {
		loadNewModal(path + "beshs/heatRoomAction!queryHeatRoomForManage.do?heatRoomUID=" + heatRoomUID + "&date=" + new Date(),"Modify the hot user information","370px","990px" );
	}

	function deleteHeatRoom(heatRoomUID) {
		Dialog.confirm("Are you sure to delete this heat user？<font color='red' style='font-weight: bolder;'>This operation will cause cascaded deletion of basic data. Please operate carefully！</font>", function() {
			$.getJSON(path + "beshs/heatRoomActionJson!deleteHeatRoomByUID.do?date=" + new Date(), {
				heatRoomUID : heatRoomUID
			}, function(data) {
				if (data.success) {
					Dialog.alert("Successful Operation！", function() {
						window.location = path + "beshs/heatRoomAction!queryHeatRoomPage.do?date=" + new Date();
						parent.window.frames["heatRoomLinkMgr"].location = path + "beshs/heatRoomAction!initialHeatRoomLinkMgr.do?date="+new Date();
					});
				} else {
					Dialog.alert("System error, please contact adminitrator！");
				}
			});
		});
	}
	
	function downloadDataFile(dataFileUID) {
  		window.location = path+"beshs/assignMeterDataFileAction!downloadAttachFile.do?dataFileUID="+dataFileUID+"&date="+new Date();
  	}
	
	function uploadBaseInfo() {
		loadNewModal(path+"beshs/heatRoomAction!initBaseInfoUpload.do?date="+new Date(),"Hot user information import","155px","515px");
	}
	
	function editHeatRoomLink(heatRoomUID) {
		parent.window.frames["heatRoomLinkMgr"].location = path + "beshs/heatRoomAction!initialHeatRoomLinkMgr.do?heatRoomUID="+heatRoomUID+"&date="+new Date();
	}

	$(function() {
		$("input[name='query']").click(function() {
				var projectUID = $("select[name='projectUID']").val();
				var communityUID = $("select[name='communityUID']").val();
				var houseNo = $("input[name='houseNo']").val();
				var roomOwner = $("input[name='roomOwner']").val();
				window.location = path + "beshs/heatRoomAction!queryHeatRoomPage.do?projectUID=" + projectUID
						+ "&communityUID=" + communityUID 
						+ "&houseNo=" + encodeURIComponent(houseNo) 
						+ "&roomOwner="+ encodeURIComponent(roomOwner) 
						+ "&date="+ new Date();
		});
		
		$("input[name='add']").click(function() {
			addNewHeatRoom();
		});
		
		$("input[name='importBaseInfo']").click(function() {
			//exportExcel()
			uploadBaseInfo();
		});
		
		$("input[name='download']").click(function() {
			window.location = path + "beshs/heatRoomAction!downloadBseinfoExcelTemplate.do?date="+new Date();
		});
	});
</script>
<body>
	<div class="content_all">
		<!--查询条件-->
		<div class="search">
			<form action="" id="form1">
				<table cellpadding="0" cellspacing="0">
					<tr>
						<th>Project：</th>
						<td><s:select name="projectUID" list="projectList" listKey="id" listValue="projectName" headerKey="" headerValue="Please select" cssClass="s_sel"></s:select></td>
						<th>District：</th>
	      				<td>
		      				<script type="text/javascript">
		      					function reloadCommunitys(projectUID, communityUID) {
		      						$("select[name='communityUID']").children("option").slice(1).remove();
		      						if(projectUID!=null && projectUID!="") {
		      							$.getJSON(path+"beshs/communityActionJson!queryCommunitysByBelongs.do?date="+new Date(), {
		      								projectUID: projectUID
		      							}, function(data){
		      								for(var index=0; index<data.length; index++) {
		      									if(communityUID!=null && communityUID!="" && communityUID==data[index].id) {
			        								$("select[name='communityUID']").append("<option value='"+data[index].id+"' selected='selected'>"+data[index].communityName+"</option>");
			        							} else {
			        								$("select[name='communityUID']").append("<option value='"+data[index].id+"'>"+data[index].communityName+"</option>");
			        							}
		      								}
		      							});
		      						}
		      					}
		      					
		      					$(function() {
		      						$("select[name='projectUID']").change(function(){
				        				var projectUID = $(this).val();
				        				var communityUID = $("select[name='communityUID']");
				        				reloadCommunitys(projectUID, communityUID);
				        			});
		      					});
		      				</script>
		      				<s:select name="communityUID" list="communityList" listKey="id" listValue="communityName" headerKey="" headerValue="Please select" cssClass="s_sel"></s:select>
	      				</td>						
					</tr>
					<tr>
						<th>Apartment Number：</th>
						<td><input name="houseNo" value="<s:property value='houseNo' />" type="text" class="s_input" /></td>
						<th>Owner Name：</th>
						<td><input name="roomOwner" value="<s:property value='roomOwner' />" type="text" class="s_input" /></td>
					</tr>
					<tr>
						<td align="center" colspan="4">
							<input name="query" type="button" value="Query" class="s_btn" /> 
							<input name="reset" type="reset" value="Reset" class="s_btn" /> 
							<s:if test="superManager.contains(#session.user.userID) 
							        || loginUserRoleIDList.contains(sysadmin) 
							        || loginUserRoleIDList.contains(sysShareManager)">
								<input name="add" type="button" value="Add" class="s_btn" /> 
								<input name="importBaseInfo" type="button" value="EXCEL Import" class="s_btn" />
								<input name="download" type="button" value="Template Download" class="s_btn" />
							</s:if>
						</td>
					</tr>
				</table>
			</form>
		</div>
		<!--查询列表-->
		<div class="search_table_all">
			<table class="search_table" cellspacing="0" cellpadding="0">
				<thead>
					<tr>
						<th style="width:50px;">Serial No.</th>
						<th>Apartment Number</th>
						<th>Building</th>
						<th>District</th>
						<th>Project</th>
						<th>Owner Name</th>
						<th>Operation</th>
					</tr>
				</thead>
				<tbody>
					<s:iterator value="heatRoomPage.list" var="heatRoom" status="status">
						<tr>
							<td><s:property value="#status.index+1" /></td>
							<td><s:property value="#heatRoom.houseNo" /></td>
							<td><s:property value="pageBuildingMap.get(#heatRoom.buildingID)" /></td>
							<td><s:property value="pageCommunityMap.get(#heatRoom.communityID)" /></td>
							<td><s:property value="pageProjectMap.get(#heatRoom.projectID)" /></td>
							<td><s:property value="#heatRoom.roomOwner" /></td>
							<td>
								<a href="javascript:showDetail('<s:property value='#heatRoom.id' />')">[Check]</a>&nbsp;
								<s:if test="superManager.contains(#session.user.userID) 
								        || loginUserRoleIDList.contains(sysadmin) 
								        || loginUserRoleIDList.contains(sysShareManager)">
							    	<a href="javascript:updateHeatRoom('<s:property value='#heatRoom.id' />')">[Modify]</a>&nbsp;
									<a href="javascript:deleteHeatRoom('<s:property value='#heatRoom.id' />')">[Delete]</a>&nbsp;
							    </s:if>
								<a href="javascript:editHeatRoomLink('<s:property value='#heatRoom.id' />')">[Edit]</a>
							</td>
						</tr>
					</s:iterator>
				</tbody>
			</table>
		</div>
		<!--操作按钮&分页-->
		<script type="text/javascript">
			function pageUp(pageIndex) {
				var projectUID = $("select[name='projectUID']").val();
				var communityUID = $("select[name='communityUID']").val();
				var houseNo = $("input[name='houseNo']").val();
				var roomOwner = $("input[name='roomOwner']").val();
				window.location = path + "beshs/heatRoomAction!queryHeatRoomPage.do?pageIndex=" + (pageIndex - 1) 
						+ "&projectUID=" + projectUID 
						+ "&communityUID=" + communityUID 
						+ "&houseNo=" + encodeURIComponent(houseNo) 
						+ "&roomOwner=" + encodeURIComponent(roomOwner)
						+ "&date=" + new Date();
			}

			function pageDown(pageIndex) {
				var projectUID = $("select[name='projectUID']").val();
				var communityUID = $("select[name='communityUID']").val();
				var houseNo = $("input[name='houseNo']").val();
				var roomOwner = $("input[name='roomOwner']").val();
				window.location = path + "beshs/heatRoomAction!queryHeatRoomPage.do?pageIndex=" + (pageIndex + 1) 
						+ "&projectUID=" + projectUID 
						+ "&communityUID=" + communityUID 
						+ "&houseNo=" + encodeURIComponent(houseNo) 
						+ "&roomOwner=" + encodeURIComponent(roomOwner)
						+ "&date=" + new Date();
			}

			function pageLocate(pageIndex) {
				var projectUID = $("select[name='projectUID']").val();
				var communityUID = $("select[name='communityUID']").val();
				var houseNo = $("input[name='houseNo']").val();
				var roomOwner = $("input[name='roomOwner']").val();
				window.location = path + "beshs/heatRoomAction!queryHeatRoomPage.do?pageIndex=" + pageIndex 
						+ "&projectUID=" + projectUID 
						+ "&communityUID=" + communityUID 
						+ "&houseNo=" + encodeURIComponent(houseNo) 
						+ "&roomOwner=" + encodeURIComponent(roomOwner)
						+ "&date=" + new Date();
			}
		</script>
		<div class="search_control">
	    	<div class="right">
	      		<div class="pages">
	      		<!-- 上一页 -->
	      			<s:if test="pageIndex==1">
	      				<a href="javascript:void(0)" class="disabled">Former Page</a>
	      			</s:if>
	      			<s:else>
	      				<a href="javascript:pageUp(<s:property value='pageIndex' />)">Former Page</a>
	      			</s:else>
	      		<!-- 页码 -->
	      			<s:if test="pageSize<=0">
	      			<!-- 若分页页数未初始化或为0，则只显示第一页 -->
	      				<a href="javascript:void(0)" class="current">1</a>
	      			</s:if>
	      			<s:elseif test="pageSize<=9">
	      			<!-- 页数在9页以内全显示 -->
	      				<s:bean name="org.apache.struts2.util.Counter" id="counter">
	      					<s:param name="first" value="1" />
	      					<s:param name="last" value="pageSize" />
	      					<s:iterator value="counter" var="index">
	      						<s:if test="#index==pageIndex">
		      						<a href="javascript:void(0)" class="current"><s:property value="#index" /></a>
		      					</s:if>
		      					<s:else>
		      						<a href="javascript:pageLocate(<s:property value='#index' />)"><s:property value="#index" /></a>
		      					</s:else>
	      					</s:iterator>
	      				</s:bean>
	      			</s:elseif>
	      			<s:else>
	      			<!-- 页数在9页以上则部分显示 -->
	      				<s:if test="pageIndex<7">
	      				<!-- 页码小于7时，先显示前7页 -->
	      					<s:bean name="org.apache.struts2.util.Counter" id="frontCounter">
	      						<s:param name="first" value="1" />
	      						<s:param name="last" value="7" />
	      						<s:iterator value="frontCounter" var="index">
	      							<s:if test="#index==pageIndex">
			      						<a href="javascript:void(0)" class="current"><s:property value="#index" /></a>
			      					</s:if>
			      					<s:else>
			      						<a href="javascript:pageLocate(<s:property value='#index' />)"><s:property value="#index" /></a>
			      					</s:else>
	      						</s:iterator>
	      					</s:bean>
	      					...
	      				<!-- 显示最后两页 -->
	      					<s:bean name="org.apache.struts2.util.Counter" id="lastCounter">
	      						<s:param name="first" value="pageSize-1" />
	      						<s:param name="last" value="pageSize" />
	      						<s:iterator value="lastCounter" var="index">
	      							<a href="javascript:pageLocate(<s:property value='#index' />)"><s:property value="#index" /></a>
	      						</s:iterator>
	      					</s:bean>
	      				</s:if>
	      				<s:elseif test="pageIndex>=7 && (pageSize-pageIndex)>2">
	      				<!-- 页码不小于7，但又不接近总页数时，分三部分显示：1-3、中间三页、最后一页 -->
	      					<s:bean name="org.apache.struts2.util.Counter" id="frontCounter">
	      						<s:param name="first" value="1" />
	      						<s:param name="last" value="3" />
	      						<s:iterator value="frontCounter" var="index">
	      							<a href="javascript:pageLocate(<s:property value='#index' />)"><s:property value="#index" /></a>
	      						</s:iterator>
	      					</s:bean>
	      					...
	      					<s:bean name="org.apache.struts2.util.Counter" id="middleCounter">
	      						<s:param name="first" value="pageIndex-1" />
	      						<s:param name="last" value="pageIndex+1" />
	      						<s:iterator value="middleCounter" var="index">
	      							<s:if test="#index==pageIndex">
			      						<a href="javascript:void(0)" class="current"><s:property value="#index" /></a>
			      					</s:if>
			      					<s:else>
			      						<a href="javascript:pageLocate(<s:property value='#index' />)"><s:property value="#index" /></a>
			      					</s:else>
	      						</s:iterator>
	      					</s:bean>
	      					...
	      					<a href="javascript:pageLocate(<s:property value='pageSize' />)"><s:property value="pageSize" /></a>
	      				</s:elseif>
	      				<s:else>
	      				<!-- 页码接近总页数，而且页码与总页数的差小于等于2时，分两部分显示：1-3、最后6页 -->
	      					<s:bean name="org.apache.struts2.util.Counter" id="frontCounter">
	      						<s:param name="first" value="1" />
	      						<s:param name="last" value="3" />
	      						<s:iterator value="frontCounter" var="index">
	      							<a href="javascript:pageLocate(<s:property value='#index' />)"><s:property value="#index" /></a>
	      						</s:iterator>
	      					</s:bean>
	      					...
	      					<s:bean name="org.apache.struts2.util.Counter" id="lastCounter">
	      						<s:param name="first" value="pageSize-5" />
	      						<s:param name="last" value="pageSize" />
	      						<s:iterator value="lastCounter" var="index">
	      							<s:if test="#index==pageIndex">
			      						<a href="javascript:void(0)" class="current"><s:property value="#index" /></a>
			      					</s:if>
			      					<s:else>
			      						<a href="javascript:pageLocate(<s:property value='#index' />)"><s:property value="#index" /></a>
			      					</s:else>
	      						</s:iterator>
	      					</s:bean>
	      				</s:else>
	      			</s:else>
	      		<!-- 下一页 -->	
	      			<s:if test="pageSize>pageIndex">
	      				<a href="javascript:pageDown(<s:property value='pageIndex' />)">Next Page</a>
	      			</s:if>
	      			<s:else>
	      				<a href="javascript:void(0)" class="disabled">Next Page</a>
	      			</s:else>
	      		</div>
	    	</div>
	    	<div class="clear"></div>
	  	</div>
	  	<!-- 分页结束 -->
	</div>
</body>
</html>
